<Canvas Width="300" Height="300"
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   Loaded="javascript:canvas_loaded">

	<MediaElement
		x:Name="player"
		Source="media.wmv"
		MediaOpened="javascript:media_opened"
		MediaEnded="javascript:media_ended"
		MouseLeftButtonDown="javascript:toggle_fullScreen"/>

<!--
	<Canvas.Triggers>
		<EventTrigger RoutedEvent="Canvas.Loaded">
			<EventTrigger.Actions>
				<BeginStoryboard>
					<Storyboard 
						x:Name="cursorStoryboard"
						Storyboard.TargetName="cursor"
						Storyboard.TargetProperty="(Canvas.Left)"
						BeginTime="0">
						<DoubleAnimation x:Name="doubleanimation" />
					</Storyboard>
				</BeginStoryboard>
			</EventTrigger.Actions>
		</EventTrigger>
	</Canvas.Triggers>

	<Ellipse x:Name="cursor" Stroke="Black" Height="20" Width="20" Canvas.Left="0">
		<Ellipse.Fill>
			<RadialGradientBrush GradientOrigin="0.75,0.25">
				<GradientStop Color="White" Offset="0.0" />
				<GradientStop Color="Orange" Offset="0.5" />
			</RadialGradientBrush>
		</Ellipse.Fill>
	</Ellipse>
-->

	<Canvas MouseLeftButtonDown="javascript:media_playpause" Canvas.Left="10" Canvas.Top="10">
		<Rectangle Stroke="black" RadiusX="5" RadiusY="5" Height="30" Width="55">
			<Rectangle.Fill>
				<RadialGradientBrush GradientOrigin="0.75,0.25">
					<GradientStop Color="Yellow" Offset="0.0" />
					<GradientStop Color="Orange" Offset="1.0" />
				</RadialGradientBrush>
			</Rectangle.Fill>
		</Rectangle>
		<TextBlock x:Name="playButton" Canvas.Left="5" Canvas.Top="5">pause</TextBlock>
	</Canvas>
</Canvas>
